<div class="comp-close-google-dialog">
    <modal :show="true" :width="540">
        <validator :rules="rules" :parent="_self">
            <form class="m-form-dialog m-form-dialog--google" name="form" action="javascript:;">
                <div class="modal-header">
                    <a href="javascript:;" class="close" @click="hide()"><span>&times;</span></a>
                    <span class="modal-title">{{$t('basic.securitySetting.closeG')}}</span>
                </div>
                <div class="modal-body">
                    <div class="col-row">
                        <div class="col-label">
                            <label for="identifyingCode">{{ $t('common.pVerification') }}</label>
                        </div>
                        <div class="col-input">
                            <verify-code :on-success="onSendSuccess"
                                         :on-fail="onSendFail"></verify-code>
                            <input type="text"
                                   class="input input--small"
                                   id="identifyingCode"
                                   name="identifyingCode"
                                   maxlength="6"
                                   autocomplete="off"
                                   :placeholder="$t('common.pVerification')"
                                   v-model="form.identifyingCode">
                            <div class="ui-tip"></div>
                        </div>
                    </div>
                    <div class="col-row">
                        <div class="col-label">
                            <label for="googleCode">{{ $t('common.pGoogleCode') }}</label>
                        </div>
                        <div class="col-input">
                            <input type="text"
                                   class="fn-block"
                                   autocomplete="off"
                                   id="googleCode"
                                   name="googleCode"
                                   maxlength="6"
                                   :placeholder="$t('common.pGoogleCode')"
                                   v-model="form.googleCode">
                            <div class="ui-tip"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="col-row">
                        <div class="col-label">
                            <label>&nbsp;</label>
                        </div>
                        <div class="col-text">
                            <div class="btn-group">
                                <button type="submit"
                                        class="ui-btn fn-block"
                                        v-if="isRequesting === false"
                                        @click="submit()">{{ $t('common.confirm') }}</button>
                                <button type="submit"
                                        class="ui-btn fn-block"
                                        v-if="isRequesting === true"
                                        disabled="disabled">{{ $t('common.waiting') }}...</button>
                                <a href="javascript:;"
                                   class="btn-cancel"
                                   @click="hide">{{ $t('common.cancel') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </validator>
    </modal>
</div>